<!DOCTYPE html>
<!-- html5 doctype -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link type="text/css" href="css/style.css" rel="stylesheet" />
<script type="text/javascript" src="scripts/jquery/jquery_1.7.1.js"></script>
<script type="text/javascript" src="scripts/main.js"></script>
<title>MeiTT</title>
</head>
<body>
	<div id="overlay"></div>
	<div id="main">
		<div id="head">
			<div id="seadedNupp" class="floatRight button">SEADED</div>
			<div id="abiNupp" class="floatRight button">ABI</div>
		</div>
		<div id="center">
			<div id="player" class="jaotis floatLeft w40">
				<div id="playerField" class="playField floatRight">
					<div class="fieldHead">
						<div class="kuubik"></div>
						<div class="kuubik">1</div>
						<div class="kuubik">2</div>
						<div class="kuubik">3</div>
						<div class="kuubik">4</div>
						<div class="kuubik">5</div>
						<div class="kuubik">6</div>
						<div class="kuubik">7</div>
						<div class="kuubik">8</div>
						<div class="kuubik">9</div>
						<div class="kuubik">10</div>
					</div>
					<div class="fieldLetters floatLeft">
						<div class="kuubik">A</div>
						<div class="kuubik">B</div>
						<div class="kuubik">C</div>
						<div class="kuubik">D</div>
						<div class="kuubik">E</div>
						<div class="kuubik">F</div>
						<div class="kuubik">G</div>
						<div class="kuubik">H</div>
						<div class="kuubik">I</div>
						<div class="kuubik">J</div>
					</div>
					<div class="field">
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik">
							<img alt="" src="graphics/patrolv.gif">
						</div>
						<div class="kuubik"></div>
						<div class="kuubik">
							<img alt="" src="graphics/patrol.gif">
						</div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik">
							<img alt="" src="graphics/battleship.gif">
						</div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik">
							<img alt="" src="graphics/yhene.gif">
						</div>
						<div class="kuubik"></div>
						<div class="kuubik">
							<img alt="" src="graphics/yhene.gif">
						</div>
						<div class="kuubik"></div>
						<div class="kuubik">
							<img alt="" src="graphics/yhene.gif">
						</div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik">
							<img alt="" src="graphics/carrierv.gif">
						</div>
						<div class="kuubik"></div>
						<div class="kuubik">
							<img alt="" src="graphics/battleship.gif">
						</div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik">
							<img alt="" src="graphics/patrol.gif">
						</div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik">
							<img alt="" src="graphics/yhene.gif">
						</div>
						<div class="kuubik"></div>
					</div>
					<div id="infoText" class="transparentBackground">SINU KORD!</div>
				</div>
			</div>
			<div id="vahemees" class="jaotis floatLeft">
				<div id="mainbutton">START</div>
			</div>
			<div id="vastane" class="jaotis floatLeft w40">
				<div id="enemyField" class="playField floatLeft">
					<div class="fieldHead">
						<div class="kuubik">1</div>
						<div class="kuubik">2</div>
						<div class="kuubik">3</div>
						<div class="kuubik">4</div>
						<div class="kuubik">5</div>
						<div class="kuubik">6</div>
						<div class="kuubik">7</div>
						<div class="kuubik">8</div>
						<div class="kuubik">9</div>
						<div class="kuubik">10</div>
						<div class="kuubik"></div>
					</div>
					<div class="field floatLeft">
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
						<div class="kuubik"></div>
					</div>
					<div class="fieldLetters">
						<div class="kuubik">A</div>
						<div class="kuubik">B</div>
						<div class="kuubik">C</div>
						<div class="kuubik">D</div>
						<div class="kuubik">E</div>
						<div class="kuubik">F</div>
						<div class="kuubik">G</div>
						<div class="kuubik">H</div>
						<div class="kuubik">I</div>
						<div class="kuubik">J</div>
					</div>
				</div>
			</div>

		</div>
		<div id="foot">
			<div class="chatArea transparentBackground">
				<div id="scroll"></div>
				<input id="chatInput" type="text" />
			</div>
		</div>
	</div>
</body>
</html>